<template>
  <div>
    <h3>Mouse: {{ x }} x {{ y }}</h3>
  </div>
</template>

<script setup>
import {useMouse} from "@vueuse/core";
let {x, y} = useMouse()
</script>

<!--<script>-->
<!--import {useMouse} from "@vueuse/core";-->

<!--export default {-->
<!--  name: 'useMouse',-->
<!--  setup() {-->
<!--    const {x, y} = useMouse()-->
<!--    return {-->
<!--      x,-->
<!--      y,-->
<!--    }-->
<!--  }-->
<!--}-->
<!--</script>-->

<style scoped>

</style>
